<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面制作</title>		
		<meta name="viewport" content="width=device-width, initial-scale=1">		
		<link rel="stylesheet" type="text/css" href="css/basic.css"/>		
		<link rel="stylesheet" type="text/css" href="css/order.css"/>		   
		   
	</head>
	<body>
		
		
		
		<div class="order_content">
			
		 	<div class="order_info">
	       		
	       		<div class="order_top">
	       			<img src="images/timer.png" />	       		       		      			
	       			<div class="order_info_right">
	       				<h2>118号桌待门店接单</h2>
	       				<p>请及时联系服务员确认一点菜品信息!</p>
	       			</div>	 
	       		</div>
	       		
       			
       			<h3>已点菜品6份,合计 : <span class="price">60元</span> </h3>
	       		       	
	       </div>
	       
	       <!--订单列表-->
	       
	       <div class="order_list">
	       	
	       		<h3>菜品详情:</h3>
	       		<ul class="list">
	       			<li>
	       				<div class="title">
	       					烧茄子
	       				</div>
	       					
       					<div class="num">
       						
       						1份
       					</div>
       					
       					
       					<div class="price">
       						
       						12元
       					</div>
       			
	       			</li>
	       			
	       			<li>
	       				<div class="title">
	       					烧茄子
	       				</div>
	       					
       					<div class="num">
       						
       						1份
       					</div>
       					
       					
       					<div class="price">
       						
       						12元
       					</div>
       			
	       			</li>
	       			<li>
	       				<div class="title">
	       					手撕包菜
	       				</div>
	       					
       					<div class="num">
       						
       						1份
       					</div>
       					
       					
       					<div class="price">
       						
       						12元
       					</div>
       			
	       			</li>
	       			
	       		</ul>
	       
	       </div>
       	
			
		</div>
	</body>
</html>
